<div class="tpl-portlet-components">
    <div class="portlet-title">
        <div class="caption font-green bold">
            <span class="am-icon-code"></span> 订单列表
        </div>
    </div>
    <div class="tpl-block">
        <div class="am-g">
            <div class="am-u-sm-12">
                <div class="am-btn-toolbar">
                    <div class="am-btn-group am-btn-group-xs">
                        <label class="am-btn"><h3>订单类型:</h3></label>
                        <button type="button" class="am-btn am-btn-default am-btn-success"> 电商</button>
                        <button type="button" class="am-btn am-btn-default am-btn-secondary"> 预约</button>
                        <button type="button" class="am-btn am-btn-default am-btn-warning"> 到店</button>
                        <button type="button" class="am-btn am-btn-default am-btn-danger"> 储值</button>
                    </div>
                    <select class="xiala-right">
                        <option value="option1">电商</option>
                        <option value="option2">预约</option>
                        <option value="option3">到店</option>
                        <option value="option4">储值</option>
                    </select>
                    <span class="xiala-right">默认展示订单类型 &nbsp;&nbsp;&nbsp;</span>
                </div>
            <div>
                <div class="am-fr">
                    <ul class="am-pagination tpl-pagination">
                        <li><a href="#">全部</a></li>
                        <li><a href="#">待付款</a></li>
                        <li><a href="#">待发货</a></li>
                        <li><a href="#">退款审核中</a></li>
                        <li><a href="#">退款中</a></li>
                        <li><a href="#">已完成</a></li>
                        <li><a href="#">已关闭</a></li>
                    </ul>
                </div>
                <input type="text" class="form-control form-control-solid input-small" placeholder="搜索..."/>
            </div>
         <div class="am-g">
            <div class="am-u-sm-12">
                <table class="am-table am-table-striped am-table-hover table-main">
                    <thead>
                    <tr>
                        <th class="table-good">商品</th>
                        <th class="table-id">单价:元</th>
                        <th class="table-paice">数量</th>
                        <th class="table-title">买家信息</th>
                        <th class="table-title">交易状态</th>
                        <th class="table-type">优惠方式</th>
                        <th class="table-author am-hide-sm-only">储值金抵扣</th>
                        <th class="table-date am-hide-sm-only">快递费:元</th>
                        <th class="table-set">实收:元</th>
                    </tr>
                    </thead>
                </table>
            </div>
         </div>
       </div>
    </div>
</div>




